﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrProductDetails.ascx.cs"
    Inherits="Controls_Products_ctrProductDetails" %>
<div style="float: left; padding: 15px">
    <table style="padding-right: 30px;">
        <tr>
            <td style="padding-bottom: 5px" colspan="2">
                <asp:HyperLink ID="lnkRoot_Product" runat="server"></asp:HyperLink>
                <asp:HyperLink ID="lnkSub1_Product" runat="server"></asp:HyperLink>
                <asp:HyperLink ID="lnkSub2_Product" runat="server"></asp:HyperLink>
                <asp:HyperLink ID="lnkSub3_Product" runat="server"></asp:HyperLink>
            </td>
        </tr>
        <tr>
            <td style="padding-bottom: 10px">
                <a class="preview" id="atag" runat="server" style="width: 600px; height: 600px">
                    <asp:Image ID="imgImage1" runat="server" Width="300" Height="300px" BorderWidth="1px" /></a>
            </td>
            <td style="vertical-align: text-top; padding-left: 20px">
                <div style="padding-bottom: 15px; padding-top: 5px;">
                    <asp:Label ID="lblProductName" runat="server"></asp:Label></div>
                <div style="padding-bottom: 5px">
                    <asp:Label ID="lblProductCode" runat="server"></asp:Label></div>
                <div style="padding-bottom: 5px">
                    <asp:Label ID="lblTrademark" runat="server"></asp:Label></div>
                <div style="padding-bottom: 15px">
                    <asp:Label ID="lblOriginal" runat="server"></asp:Label></div>
                <div style="padding-bottom: 5px">
                    <asp:Label ID="lblDescription" runat="server"></asp:Label></div>
                <div style="padding-bottom: 15px; text-align: justify">
                    <asp:Literal ID="ltrContent" runat="server"></asp:Literal></div>
                <div style="padding-bottom: 5px">
                    Kích cỡ:
                    <asp:Label ID="lblSize" runat="server"></asp:Label></div>
                <div style="padding-bottom: 5px">
                    Màu sắc:
                    <asp:Label ID="lblColors" runat="server"></asp:Label></div>
                <div style="padding-bottom: 15px">
                    <asp:Label ID="lblPrice" runat="server"></asp:Label></div>
                <div style="padding-bottom: 5px; vertical-align: middle">
                    <asp:Label ID="lblQuantity" runat="server"></asp:Label>
                    &nbsp;&nbsp;
                    <asp:TextBox ID="txtQuantity" runat="server" MaxLength="4" Width="40px"></asp:TextBox>
                    &nbsp;&nbsp;
                    <asp:LinkButton Text="Chọn" CssClass="simplebtn" runat="server" ID="btnBuy" OnClick="btnBuy_Click"></asp:LinkButton>
                </div>
                <div>
                    <asp:Label ID="lblSaleOff" runat="server"></asp:Label></div>
                <div style="padding-top: 10px">
                    <asp:ImageButton ID="btnAddToCart" runat="server" BorderWidth="0px" ImageUrl="~/images/Layout/muahang.gif" ToolTip="Mua hàng"
                        OnClick="btnAddToCart_Click" OnClientClick="return confirm('Sản phẩm đã được thêm vào giỏ hàng.');" /></div>
            </td>
        </tr>
    </table>
    <%--style="background-color:Green;"--%>
    <div>
        <asp:Image ID="imgImage2" runat="server" Width="150px" Height="113px" Visible="false" />&nbsp;&nbsp;
        <asp:Image ID="imgImage3" runat="server" Width="150px" Height="113px" Visible="false" />&nbsp;&nbsp;
        <asp:Image ID="imgImage4" runat="server" Width="150px" Height="113px" Visible="false" />&nbsp;&nbsp;
        <asp:Image ID="imgImage5" runat="server" Width="150px" Height="113px" Visible="false" />
    </div>
    <%--style="background-color:Gray;"--%>
    <div class="prod_desc">
        <!-- tab styling -->
        <table>
            <tr>
                <td>
                    <ul class="tabs">
                        <li><a href="#">
                            <asp:Label ID="lblSpecification" runat="server"></asp:Label></a></li>
                        <li><a href="#">
                            <asp:Label ID="lblGuine" runat="server"></asp:Label></a></li>
                        <li><a href="#">
                            <asp:Label ID="lblImage" runat="server"></asp:Label></a></li>
                        <li><a href="#">
                            <asp:Label ID="lblSameCategory" runat="server"></asp:Label></a></li>
                        <li><a href="#">
                            <asp:Label ID="lblTag" runat="server"></asp:Label></a></li>
                    </ul>
                    <!-- tab "panes" -->
                    <div class="panes">
                        <div style="border: 1px solid;">
                            <div style="padding: 15px; width: 625px">
                                <asp:Literal ID="ltrSpec" runat="server"></asp:Literal></div>
                        </div>
                        <div style="border: 1px solid;">
                            <div style="padding: 15px; width: 625px">
                                <asp:HyperLink ID="lnkUserGuide" runat="server"></asp:HyperLink></div>
                        </div>
                        <div style="border: 1px solid;">
                            <div style="padding: 15px; width: 625px; height: 630px">
                                <asp:DataList ID="dtlGallery" runat="server" RepeatColumns="2" HorizontalAlign="Left"
                                    OnItemDataBound="dtlGallery_ItemDataBound">
                                    <ItemTemplate>
                                        <div class="Image" style="padding-right: 15px; padding-bottom: 10px">
                                            <img id="imgGallery" runat="server" width="300" height="300" src='<%# Container.DataItem %>' />
                                        </div>
                                    </ItemTemplate>
                                </asp:DataList>
                            </div>
                        </div>
                        <%--background-color:Orange;--%>
                        <div style="border:1px solid;">
                            <div class="listing" style="padding: 20px 0px 20px 50px; width: 618px;">
                                <ul>
                                    <asp:Repeater ID="rptProduct" runat="server" OnItemDataBound="rptProduct_ItemDataBound"
                                        OnItemCommand="rptProduct_ItemCommand">
                                        <ItemTemplate>
                                            <li style="padding-right: 30px"><a href="#" class="thumb">
                                                <asp:ImageButton runat="server" ID="btnProductImage" CommandName="image" Width="138px"
                                                    Height="152px" /></a>
                                                <asp:HyperLink runat="server" ID="lnkProductName"></asp:HyperLink>
                                                (<asp:Label ID="lblCode" runat="server"></asp:Label>)
                                                <div class="cart_price" style="padding-top: 7px;">
                                                    <span style="padding: 5px 10px 5px 10px">
                                                        <asp:LinkButton runat="server" ID="lnkAddCart" CommandName="addcart"></asp:LinkButton></span>
                                                    <span style="padding: 5px 5px 5px 5px">
                                                        <asp:Label runat="server" ID="lblPrice"></asp:Label></span>
                                                </div>
                                            </li>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </ul>
                            </div>
                        </div>
                        <div style="border: 1px solid;">
                            <div style="padding: 15px; width: 630px">
                                <asp:Label ID="lblTagDetail" runat="server"></asp:Label></div>
                        </div>
                    </div>
                    <!-- This JavaScript snippet activates those tabs -->
                    <script type="text/javascript">

                        // perform JavaScript after the document is scriptable.
                        $(function () {
                            // setup ul.tabs to work as tabs for each div directly under div.panes
                            $("ul.tabs").tabs("div.panes > div");
                        });
                    </script>
                </td>
            </tr>
        </table>
    </div>
</div>
